<html>
<head>
<title>SL4A RGB</title>

<style>
body {
    background: #32323D;
}
div#content {
    padding-top:100px;
    width:50px;
    margin:auto;
}
div#text_box {
    border:1px solid black;
    background:white;
    text-align:center;
}
</style>

<script>
var droid = new Android();

var encender_rojo = function() { // El evento que el script python esta esperando.
    droid.eventPost('boton', 'encender_rojo');
}

var encender_verde = function() { // El evento que el python script esta esperando.
    droid.eventPost('boton', 'encender_verde');
}

var encender_azul = function() { // El evento que el python script esta esperando.
    droid.eventPost('boton', 'encender_azul');
}

// Esta funcion procesa la recepcion de datos en el celular.
droid.registerCallback('display_data', function(data) {
    document.getElementById('text_box').innerHTML = ' ' + data.data;
});
</script>

</head>

<body>
<div id="content">
    <div id="text_box">-</div>
    <button onclick="encender_rojo();">Rojo</button>
    <button onclick="encender_verde();">Verde</button>
    <button onclick="encender_azul();">Azul</button>
</div>
</body>
</html>